<template>
  <el-container class="bg-white"  style="height: 100vh;">
    <el-header class="shadow-sm mb-1">Header</el-header>
    <el-container style="height: calc(100vh - 64px)">
      <el-aside width="200px" class="bg-white">
         <el-menu :default-openeds="['1']" @select="openMenu" class="h-100">
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-menu"></i>
              数据管理
            </template>
            <el-menu-item index="type-list">类型管理</el-menu-item>
            <el-menu-item index="tag-list">标签管理</el-menu-item>
            <el-menu-item index="article-list">文章管理</el-menu-item>
            <el-menu-item index="aphorism-list">名言警句</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-main>
        <div class="h-100">
          <nuxt-child />
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
export default {
  title: "管理页面",
  data() {
    return {}
  },
  methods: {
    openMenu(name) {
      this.$router.push(`/manager/${name}`)
    }
  }
}
</script>
<style lang="scss">
</style>